<template>
  12313123
  <div id="map-page" class="map"></div>
</template>

<script>
import mapTool from '@/hook/useBaiduMap'
import { watch, onMounted } from "vue";

export default {
  setup() {
    let map = null // 当前map对象

    onMounted(() => {

      map = new BMap.Map('map-page', { enableMapClick: false }) // 禁用点击地标显示详细
      map.centerAndZoom(new BMap.Point(116.4825481, 39.12957499), 15)


      // 中心点，地图展示级别：先用IP定位一个大范围初始点
      // if (!note.noteLocation[0]) { // 为零或空
      //   new BMap.LocalCity().get(r => {
      //     map.centerAndZoom(new BMap.Point(r.center.lng, r.center.lat), 15)
      //     currentLocation.value = { ...r, point: r.center }
      //   })
      // } else {
      //   map.centerAndZoom(new BMap.Point(...note.noteLocation), 15); // 默认中心点
      // }
      map.enableScrollWheelZoom(true) //开启鼠标滚轮缩放
      // mapTool.control(['GeolocationControl', 'OverviewMapControl'], map) // 加入控件
      mapTool.event.add('click', point => note.noteLocation = [point.lng, point.lat], map)

    })


    return {
    };
  },
};
</script>

<style scoped>
.map {
  width: 100%;
  height: 500px;
}
</style>